<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="上海蜂叹文化传播有限公司,苹果服务供应商,消费者体验设计,16年品牌营销经验,高端品牌设计,业绩提升专家,产品选型与设计,高端视觉设计,Ai视频制作,校园文化设计" />
		<meta name="description" content="蜂叹——苹果服务供应商，上海市政府采购白名单企业。我们为客户提供从策划到执行的全流程服务。我们擅长于消费者体验设计，确保每一次营销活动都实现看得见的效果和长远的价值。" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no" />
		<title>蜂叹 ，苹果供应商 ，上海市政府采购白名单。16年专注消费者体验设计与全流程品牌营销。</title>
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="third/swiper-9.4.1/swiper-bundle.min.css">
		<link rel="stylesheet" type="text/css" href="css/main.min.css" />
	</head>

	<body class="pro-bg">

		<div class="logo">
		    <a href="index.html"><img src="images/logo@2x.png" /></a>
		</div>
		<div class="nav-box">
		    <a href="javascript:void(0)" class="menu-btn"><span class="txt">more</span></a>
		    <a href="javascript:void(0)" class="menu-close"></a>
		    <div class="nav-bg"></div>
		    <div class="nav-con">
		        <ul>
		            <li>
		                <a href="about.html" >缘起于发现&思考</a>
		            </li>
		            <li>
		                <a href="brand.html"  >一品牌一印记</a>
		            </li>
		            <li>
		                <a href="joinus.html" >我们是第三类人群</a>
		            </li>
		            <li>
		                <a href="product-test.html"  class='cur'>产品实验</a>
		            </li>
		            <li>
		                <a href="javascript:void(0)" class="J-contact">接触，一起探索</a>
		            </li>
		        </ul>
		    </div>
		</div>

		<div class="bot-link J-contact"></div>

		<!--主体内容区块 start-->
		<div class="swiper product-swiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="inner">
						<div class="title">
							<h2>产品实验</h2>
							<p class="text">Product experiment</p>
						</div>
						<div class="img-item">
							<img src="images/pro-test-img1.jpg" />
						</div>
					</div>
				</div>
				<div class="swiper-slide">
					<!--视频宣传-->
					<div class="inner">
						<div class="title">
							<h3>全氧空气净化仓</h3>
							<p class="text">Discovre</p>
						</div>
						<div class="img-item">
							<img src="images/pro-test-img2.jpg" />
						</div>
					</div>
					<!--// 视频宣传 end-->
				</div>
				<div class="swiper-slide">
					<div class="inner">
						<div class="title">
							<h3>妈咪灵格</h3>
							<p class="text">Discovre</p>
						</div>
						<div class="img-item">
							<img src="images/pro-test-img3.jpg" />
						</div>
					</div>
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
			<!-- Add Arrows -->
			<div class="swiper-button-next"></div>
			<div class="swiper-button-prev"></div>
		</div>
		<!--主体内容区块 end-->

		<!-- 联系我们弹框模块 start -->
		<div class="pop-mask"></div>
		<div class="contact-pop">
		    <a href="javascript:void(0)" class="pop-close-btn"></a>
		    <div class="inner">
		        <div class="contact-con">
		            <!-- <h3>上海</h3> -->
		            <h4>品牌管理与数字营销</h4>
		            <p class="address">
		                <span class="en">101, No. 65 Hanheyuan, Lane 1389, Dongxiu Road, Pudong New Area</span>
		                <span class="ch">上海浦东新区东绣路1389弄涵合园65号101</span>
		            </p>
		            <h4>文创空间与置景制作</h4>
		            <p class="address">
		                <span class="en">3F, Building 2, No. 55, Lane 8188, Hutai Highway, Luojing Town, Baoshan District, Shanghai</span>
		                <span class="ch">上海市宝山区罗泾镇沪太公路8188弄55号2栋3F</span>
		            </p>

		            <p class="line item-phone">
		                <strong>电话：</strong>18602126362
		            </p>
		            <div class="share-bar">
		                <a href="javascript:void(0)" class="wechat" title="微信公众号">
		                    <i class="icon"><img src="images/icon-wechat.png"></i>
		                    <span class="code-box">
		                        <img src="images/code-wechat.jpg" alt="微信公众号">
		                </span></a>
		                <a href="javascript:void(0)">
		                    <i class="icon"><img src="images/icon-QQ.png"></i>
		                    <span class="code-box">105559239</span>
		                </a>             
		                <a href="javascript:void(0)"> 
		                    <i class="icon"><img src="images/icon-mail.png"></i>
		                    <span class="code-box">William@ftmedia.cn</span>
		                </a>
		            </div>
		        </div>
		        <div class="trajectory-img mob-hide"><img src="images/trajectory@2x.png" /></div>
		    </div>
		</div>
 
		<!-- // 联系我们弹框模块 end -->

		<script type="text/javascript" src="third/jquery-2.1.4.min.js"></script>
		<script src="third/swiper-9.4.1/swiper-bundle.min.js"></script>
		<script src="third/stars.js"></script>	
		<script src="js/common.min.js"></script>
		<script>
			var proSwiper = new Swiper('.product-swiper', {
				slidesPerView: 'auto',
				mousewheel: true,
				spaceBetween: 50,
				pagination: {
					el: '.swiper-pagination',
					type: '.progressbar',
					clickable: true,
				},
				navigation: {
					nextEl: '.product-swiper .swiper-button-next',
					prevEl: '.product-swiper .swiper-button-prev',
				},
			});
		</script>
	</body>

</html>